<template>
<div>
  <h2>setup</h2>
  <h3>{{ num }}</h3>
  <button @click="fn">方法</button>
</div>
</template>
<script>

export default {
  // setup是一个函数,
  // setup是在beforeCreate前执行，不能使用this  this指向undefined
  // template中要使用什么数据，setup就需要return 什么数据
  beforeCreate(){
    console.log('beforeCreate');
  },
  setup () {
   console.log('setup',this);
   const  num = 10
   const fn = () => {
    console.log('我是方法');
   }

  return { num, fn}
  }
}
</script>